// JavaScript Document

window.onload = function() {
	initLayout();
	mylayer();
	mytabs();
	tool_tip();
	rollslide();
	numcount();
	getcode();
	payway();
	cartlist()
//	$(window).resize(function() {
//		initLayout();
//		layer.closeAll();
//		mylayer();
//		mytabs();
//		tool_tip();
//		numcount();
//		getcode()
//	});
};


//小屏dom模板
var str, mobilemodel, catarr = [],spe_model_str, realitysum, buyingbox;
$(function() {
	mobilemodel = $('<div class="view-mobile">' +
		'<div class="tabs-wrap">' +
		'<ul class="tab-hd mobile-hd clearfix"></ul>' +
		'<div class="tab-bd mobile-bd"></div>' +
		'</div>' +
		'</div>');

	$(".cate-wrap .response-box").each(function() {
		var title = $(this).find('.response-tit').html();
		var content = $(this).find('.response-con').html();
		catarr.push({
			tit: title,
			con: content
		});
	});
	for(var i = 0; i < catarr.length; i++) {
		if(i == 0) {
			mobilemodel.find('.mobile-hd').append('<li class="tit-item m-tit-item cur">' + catarr[i].tit + '</li>');
			mobilemodel.find('.mobile-bd').append('<div class="con-item m-con-item cur">' + catarr[i].con + '</div>');
		} else {
			mobilemodel.find('.mobile-hd').append('<li class="tit-item m-tit-item">' + catarr[i].tit + '</li>');
			mobilemodel.find('.mobile-bd').append('<div class="con-item m-con-item">' + catarr[i].con + '</div>');
		}
	}
	str = $(".cate-wrap").html();
	//记录特殊栏目3d上传区域
	spe_model_str = document.getElementsByClassName('spe-model')[0];
	//console.log(spe_model_str);
	
	//记录底部操作按钮组
	buyingbox = document.getElementsByClassName('buying_box')[0];
	
});


//=========大小屏判断=============
function initLayout() {
	map_width = document.documentElement.clientWidth;
	if(map_width < 768) {
		$(".cate-wrap").html('');
		$(".cate-wrap").append(spe_model_str);
		$(".cate-wrap").append(mobilemodel);				
		//小屏下写入改底按钮组dom
        $(".allbtns").append(buyingbox);

        
	} else {
		$(".cate-wrap").html('');
		$(".cate-wrap").append(str);

        //大屏下移除小屏生成的按钮组
        $(".allbtns").html('');
	}
}

//==========普通选项卡组件=============
function mytabs() {
	function tabs(tabTit, on, tabCon) {
		$(tabTit).children('.tit-item').click(function() {
			$(this).addClass(on).siblings().removeClass(on);
			var index = $(tabTit).children().index(this);
			$(tabCon).children().eq(index).addClass(on).siblings().removeClass(on);
		});
	};
	tabs(".tab-hd", "cur", ".tab-bd");

}

//=============弹出窗口组件===============
function mylayer(){
//打印必读
	$(".layer-dybd").click(function(){
		layer.open({
			  type: 1,
			  title: false,
			  closeBtn: 0,
			  shade: 0.6,
			  area: '778px',
			  offset: 'auto',
			  skin: 'layui-layer-nobg', 
			  shadeClose: false,
			  shift:2,
			  scrollbar: false, 
			  content: $('.layer-dybd-con')
		});		
	});
	
//模型要求
	$(".layer-mxyq").click(function(){
		layer.open({
			  type: 1,
			  title: false,
			  closeBtn: 0,
			  shade: 0.6,
			  area: '778px',
			  offset: 'auto',
			  skin: 'layui-layer-nobg', 
			  shadeClose: false,
			  shift:2,
			  scrollbar: false, 
			  content: $('.layer-mxyq-con')
		});		
	});	
	
//登录弹出层
	$(".layer-login").click(function(){
		layer.open({
			  type: 1,
			  title: false,
			  closeBtn: 0,
			  shade: 0.6,
			  area: '500px',
			  offset: 'auto',
			  skin: 'layui-layer-nobg', 
			  shadeClose: false,
			  shift:2,
			  scrollbar: false, 
			  content: $('.layer-login-con')
		});		
	});	
	
//註冊弹出层
	$(".layer-reg").click(function(){
		layer.open({
			  type: 1,
			  title: false,
			  closeBtn: 0,
			  shade: 0.6,
			  area: '500px',
			  offset: 'auto',
			  skin: 'layui-layer-nobg', 
			  shadeClose: false,
			  shift:2,
			  scrollbar: false, 
			  content: $('.layer-reg-con')
		});		
	});	
	
//免费注册
	$(".free-reg").click(function(){	
		layer.closeAll();
		layer.open({
			  type: 1,
			  title: false,
			  closeBtn: 0,
			  shade: 0.6,
			  area: '500px',
			  offset: 'auto',
			  skin: 'layui-layer-nobg', 
			  shadeClose: false,
			  shift:2,
			  scrollbar: false, 
			  content: $('.layer-reg-con')
		});	
	})


//登录成功后打开报价页面

	$(".login-sucess").click(function(){
		layer.closeAll();
		layer.open({
			  type: 1,
			  title: false,
			  closeBtn: 0,
			  shade: 0.6,
			  area: '700px',
			  offset: 'auto',
			  skin: 'layui-layer-nobg', 
			  shadeClose: false,
			  shift:2,
			  scrollbar: false, 
			  content: $('.layer-count-con')
		});	
	})

	
//关闭弹出层
	$(".layer-close").click(function(){
		layer.closeAll();
	});	
	
}


//=================提示框组件=======================
function tool_tip(){
	$("[data-toggle='tooltip']").tooltip();
	
}

//===================bootstrap滑块==================
function rollslide(){
	//有bug，小屏下resize时会生成多个
	$("#numberslide").slider();
	$("#numberslide").on("slide", function(slideEvt) {
		$(".percent_span").text(slideEvt.value);
	});
}


//==================数量加减==============
function numcount(){
		$(".max").click(function() {
			var a = $(this).parent().parent().find('.num').val();
			a++;
			$(this).parent().parent().find('.num').val(a);
	
		})
		$(".min").click(function() {
			var a = $(this).parent().parent().find('.num').val();
			if (a>1){
			a--;
			$(this).parent().parent().find('.num').val(a);
			}
		})
	}	
	

//================60秒重新获取验证码========

function getcode(){
	
	$(".btn-getcode").on("click", function() {

		$(".btn-getcode").attr("readonly", false);
		var countdown = 60;

		function settime(obj) {
			if(countdown == 0) {
				$('.btn-getcode').removeClass('disable');
				obj.removeAttribute("disabled");
				obj.value = "获取短信验证码";
				countdown = 60;
				return;

			} else {
				$('.btn-getcode').addClass('disable');
				obj.setAttribute("disabled", true);
				obj.value = countdown + "秒后重新获取";
				countdown--;
			}
			setTimeout(function() {
				settime(obj)
			}, 1000)
		}
		settime(this);
		$(".btn-getcode").click(function() {
			settime(this);
		})
	});
}


//===============支付方式选择==============
function payway(){
	$('.pay-way-item').click(function(){
		$(this).addClass('on');
		$(this).siblings().removeClass('on')
	})
}


//购物车列表选择
function cartlist(){
	
	$(".check-xz").each(function() {
	var a = $(this).attr("data");
		if(a == 0) {
			$(this).removeClass('active');
		} else {
			$(this).addClass('active');
			$(".check-qx").addClass('active');
		}
	}) //初始化默认全选
	
	$(".check-xz").click(function() {
		var a = $(this).attr("data");
		if(a == 0) {
			$(this).addClass('active');
			$(this).attr("data", 1)
		} else {
			$(this).removeClass('active');
			$(this).attr("data", 0)
			$(".check-qx").attr("data", 0);
			$(".check-qx").removeClass('active');
		}

	})
	$(".check-qx").click(function() {
		var a = $(".check-qx").attr("data");
		if(a == 0) {
			$(".check-xz").attr("data", 1);
			$(".check-qx").addClass('active');
			$(".check-xz").addClass('active');
			$(".check-qx").attr("data", 1);
		} else {
			$(".check-xz").attr("data", 0);
			$(".check-qx").removeClass('active');
			$(".check-xz").removeClass('active');
			$(".check-qx").attr("data", 0);
		}
	})
}
